<template>
    <div>
        <div class="ml-16px mr-16px">
            <el-row :gutter="16">
                <el-col :span="24" class="mb-16px">
                    <AQData />
                </el-col>
                <el-col :span="12">
                    <ProblemPercentage />
                </el-col>
                <el-col :span="12">
                    <PlatformPercentage />
                </el-col>
            </el-row>
        </div>
        <div class="ml-16px mt-16px mr-16px mb-16px content-container">
            <MarketingReport />
        </div>
    </div>
</template>

<script setup lang="ts">
import AQData from './components/AQData.vue'
import ProblemPercentage from './components/ProblemPercentage.vue'
import PlatformPercentage from './components/PlatformPercentage.vue'
import MarketingReport from './components/MarketingReport.vue'
import { useHead } from '@vueuse/head'

useHead({
    title: 'GEO：引擎之上，生成万象 - 兴旺宝',
})

</script>

<style scoped>

</style>